<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>百度一下，你就知道</title>
    <link rel="icon" href="./img/favicon.ico">
    <style type="text/css">
        .s-top-left {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 100;
            height: 60px;
            padding-left: 24px;
        }

        .s-top-left .mnav {
            margin-right: 31px;
            margin-top: 19px;
            display: inline-block;
            position: relative;
        }

        .c-color-t {
            color: #222;
        }

        .c-font-normal {
            font: 13px/23px Arial, sans-serif;
        }

        a {
            text-decoration: none;
            font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
        }

        a:hover {
            color: blue;
        }

        .s-top-right {
            color: #000;
            font-size: 12px;
            font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
            list-style: none;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 100;
            height: 60px;
            padding-right: 24px;
        }

        .s-top-right .s-top-right-text {
            margin-left: 31px;
            margin-top: 19px;
            display: inline-block;
            position: relative;
            cursor: pointer;
        }

        .s-top-right .s-top-right-login {
            margin-left: 32px;
            margin-top: 18px;
            height: 24px;
            width: 48px;
            line-height: 24px;
            display: inline-block;
            position: relative;
            cursor: pointer;
            background-color: #4e6ef2;
            color: white;
            border-radius: 0.5rem;
        }

        .s-p-top {
            text-align: center;
        }

        .s-p-top {
            font-size: 0px;
            display: block;
            position: relative;
            height: 40%;
            min-height: 314px;
            max-height: 510px;
            width: 1000px;
            margin: 0 auto;
            overflow: hidden;
        }

        .s-p-top > .lg-form > .lg-f-right {
            width: 108px;
            height: 44px;
            cursor: pointer;
            font-size: 17px;
            color: white;
            border: none;
            padding: 0px;
            margin: 0px;
            background-color: #4e6ef2;
            border-radius: 0px 10px 10px 0px;
            outline-style: none;
            overflow: hidden;
        }

        .s-p-top > .lg-form > .lg-f-left {
            width: 480px;
            height: 16px;
            padding: 12px 48px 12px 16px;
            border-radius: 10px 0px 0px 10px;
            margin: 0px;
            font-size: 16px;
            cursor: text;
            border: 2px solid #c4c7ce;
            border-right-width: 0px;
            outline-style: none;
            overflow: hidden;
            box-sizing: content-box;
        }

        .s-p-top > .lg-form > .s-p-img {
            background-image: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/searchbox/nicon-10750f3f7d.png);
            width: 24px;
            height: 24px;
            position: absolute;
            background-position-y: 51px;
            top: 85%;
            z-index: 1;
            left: 68%;
            cursor: pointer;
        }

        .s-p-top > .lg-form > .s-p-img:hover {
            background-position-y: 27px;
        }

        .s-p-top > .lg-form > .lg-f-left:focus {
            border-color: #4e6ef2;
        }
        .s-bottom {
            position: absolute;
            bottom: 0%;
        }
        .s-bottom-content > p {
            display: inline-block;
            height: 14px;
            width: auto;
            text-align: center;
        }

        .s-bottom-content {
            position: relative;
            text-align: center;
        }

        .s-bottom-content a {
            color: #bbb;
            font-size: 10px;
            cursor: pointer;
            margin-right: 18px;
        }

        .s-bottom-content span {
            color: #bbb;
            font-size: 10px;
            cursor: text;
            margin-right: 18px;
        }

        .s-bottom-content a:hover {
            color: black;
        }

        .s-bottom-content span:hover {
            color: black;
        }
    </style>
</head>
<body>
<div class="s-top-left s-isindex-wrap" id="s-top-left">
    <a href="http://news.baidu.com/" target="_blank" class="mnav c-font-normal c-color-t">新闻</a>
    <a href="https://www.hao123.com/" target="_blank" class="mnav c-font-normal c-color-t">hao123</a>
    <a href="https://map.baidu.com/" target="_blank" class="mnav c-font-normal c-color-t">地图</a>
    <a href="https://live.baidu.com/" target="_blank" class="mnav c-font-normal c-color-t">直播</a>
    <a href="https://haokan.baidu.com/" target="_blank" class="mnav c-font-normal c-color-t">视频</a>
    <a href="https://tieba.baidu.com/index.html" target="_blank" class="mnav c-font-normal c-color-t">贴吧</a>
    <a href="https://xueshu.baidu.com/" target="_blank" class="mnav c-font-normal c-color-t">学术</a>
</div>
<div class="s-top-right">
    <span class="s-top-right-text c-font-normal c-color-t">设置</span>
    <a href="" class="s-top-right-login c-font-normal c-color-t">登录</a>
</div>
<div id="lg" class="s-p-top">
    <img src="./img/bd_logo1.png" class="index-logo-src" id="s-lg-img">
    <form action="https://www.baidu.com/s" class="lg-form" method="get">
        <input type="text" class="lg-f-left" name="word">
        <span class="s-p-img"></span>
        <input type="submit" class="lg-f-right c-font-normal c-color-t" value="搜索">
    </form>
</div>
<div class="s-bottom">
    <div class="s-bottom-content" style="text-align: center;">
        <p class="1h"><a class="text-color" href="//www.baidu.com/cache/setindex/index.html" target="_blank">设为首页</a>
        </p>
        <p class="1h"><a class="text-color" href="//home.baidu.com" target="_blank">关于百度</a></p>
        <p class="1h"><a class="text-color" href="http://ir.baidu.com" target="_blank">About Baidu</a></p>
        <p class="1h"><a class="text-color"
                         href="https://isite.baidu.com/site/e.baidu.com/d38e8023-2131-4904-adf7-a8d1108f51ef?refer=888"
                         target="_blank">百度营销</a></p>
        <p class="1h"><a class="text-color" href="//www.baidu.com/duty" target="_blank">使用百度前必读</a></p>
        <p class="1h"><a class="text-color" href="//help.baidu.com/newadd?prod_id=1&amp;category=4"
                         target="_blank">意见反馈</a></p>
        <p class="1h"><a class="text-color" href="//help.baidu.com" target="_blank">帮助中心</a></p>
        <p class="1h"><a class="text-color"
                         href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001"
                         target="_blank">京公网安备11000002000001号</a></p>
        <p class="1h"><a class="text-color" href="https://beian.miit.gov.cn" target="_blank">京ICP证030173号</a></p>
        <p class="1h"><span class="text-color">©2021&nbsp;Baidu&nbsp;</span></p>
        <p class="1h"><span class="text-color">(京)-经营性-2017-0020</span></p>
    </div>
</div>
</body>
</html>
